<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>选择、开关及条款同意</title>
    <link rel="stylesheet" href="../basestyle.css">
    <link rel="stylesheet" href="../icon.css">
    <link rel="stylesheet" href="../agree.css">
    <link rel="stylesheet" href="./select.css">
</head>
<body>

    <div class="cells__title">选择</div>
    <div class="cells">
        <div class="cell cell_select cell_select-before">
            <div class="cell__hd">
                <select class="select" name="select2">
                    <option value="1">+86</option>
                    <option value="2">+80</option>
                    <option value="3">+84</option>
                    <option value="4">+87</option>
                </select>
            </div>
            <div class="cell__bd">
                <input class="input" type="number" pattern="[0-9]*" placeholder="请输入号码"/>
            </div>
        </div>
    </div>
    <div class="cells__title">选择</div>
    <div class="cells">
        <div class="cell cell_select">
            <div class="cell__bd">
                <select class="select" name="select1">
                    <option selected="" value="1">微信号</option>
                    <option value="2">QQ号</option>
                    <option value="3">Email</option>
                </select>
            </div>
        </div>
        <div class="cell cell_select cell_select-after">
            <div class="cell__hd">
                <label for="" class="label">国家/地区</label>
            </div>
            <div class="cell__bd">
                <select class="select" name="select2">
                    <option value="1">中国</option>
                    <option value="2">美国</option>
                    <option value="3">英国</option>
                </select>
            </div>
        </div>
    </div>

    <link rel="stylesheet" href="../switch.css">
    <div class="cells__title">开关</div>
    <div class="cells cells_form">
        <div class="cell cell_switch">
            <div class="cell__bd">标题文字</div>
            <div class="cell__ft">
                <input class="switch" type="checkbox"/>
            </div>
        </div>
        <div class="cell cell_switch">
            <div class="cell__bd">兼容IE Edge的版本</div>
            <div class="cell__ft">
                <label for="switchCP" class="switch-cp">
                    <input id="switchCP" class="switch-cp__input" type="checkbox" checked="checked" />
                    <div class="switch-cp__box"></div>
                </label>
            </div>
        </div>
    </div>


    <label for="weuiAgree" class="agree">
        <input id="weuiAgree" type="checkbox" class="agree__checkbox">
        <span class="agree__text">
                阅读并同意<a href="javascript:void(0);">《相关条款》</a>
            </span>
    </label>
</body>
</html>